/*!
 * Component: components/index/index
 * License: MIT
 * Created: 2019-08-14 17:53
 */
@use "sass:math";
@import '../../var';
@import '../../common.wxss';
.back-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: $zindex-login-dialog;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(#000, 0.66);
  transition: all math.div($transition-time,2);

  &.hide {
    z-index: -1;
    opacity: 0 !important;
  }
  .effect-icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 330rpx;
    height: 330rpx;
    background-color: $bgcolor-light;
    border-radius: 20rpx;
    box-shadow: 0rpx 0rpx 50rpx 7rpx rgba(3, 3, 3, 0.2);

    .image {
      width: 165rpx;
      height: 136rpx;
    }

    .name {
      margin-top: 47rpx;
      font-size: 30rpx;

      .number {
        color: $price-color;
      }
    }

    .success {
      margin-top: 46rpx;
      margin-bottom: 102rpx;
      font-size: 43rpx;
    }
  }
}
